<%--
  Created by IntelliJ IDEA.
  User: xiaoji
  Date: 2014/11/3
  Time: 15:02
  To change this template use File | Settings | File Templates.
--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="spring" uri="/WEB-INF/lib/spring.tld"%>
<c:set value="${pageContext.request.contextPath}" var="path" scope="page"/>
<html>
<head>
    <title><spring:message code='racedetail.index.title' /></title>
    <link href="${path}/style/acg/css/style.css" rel="stylesheet" type="text/css" />
    <script src="${path}/js/jquery.min.js" type="text/javascript"></script>
    <link href="${path}/plugins/page/kkpager.css" rel="stylesheet">
    <script src="${path}/plugins/page/kkpager.js" type="text/javascript"></script>
    <style type="text/css">

    </style>
    <script type="text/javascript">
        Date.prototype.Format = function (formatStr) {
            var str = formatStr;
            var Week = ['日', '一', '二', '三', '四', '五', '六'];

            str = str.replace(/yyyy|YYYY/, this.getFullYear());
            str = str.replace(/yy|YY/, (this.getYear() % 100) > 9 ? (this.getYear() % 100).toString() : '0' + (this.getYear() % 100));
            var month = this.getMonth() + 1;
            str = str.replace(/MM/, month > 9 ? month.toString() : '0' + month);
            str = str.replace(/M/g, month);

            str = str.replace(/w|W/g, Week[this.getDay()]);

            str = str.replace(/dd|DD/, this.getDate() > 9 ? this.getDate().toString() : '0' + this.getDate());
            str = str.replace(/d|D/g, this.getDate());

            str = str.replace(/hh|HH/, this.getHours() > 9 ? this.getHours().toString() : '0' + this.getHours());
            str = str.replace(/h|H/g, this.getHours());
            str = str.replace(/mm/, this.getMinutes() > 9 ? this.getMinutes().toString() : '0' + this.getMinutes());
            str = str.replace(/m/g, this.getMinutes());

            str = str.replace(/ss|SS/, this.getSeconds() > 9 ? this.getSeconds().toString() : '0' + this.getSeconds());
            str = str.replace(/s|S/g, this.getSeconds());
            return str;
        }
        function replaceAll(str){
            var arr = str.split(",");
            var result="";
            for(var i=0;i<arr.length;i++){
                var arr2 = arr[i].split(";");
                result +='<p>'+arr2[0]+'<em> '+arr2[2]+'</em><spring:message code='racedetail.index.msg1' /><em class="price">￥'+arr2[1].substr(0,arr2[1].indexOf(".")+3)+'</em></p>';
            }
            return result;
        }
        var pageSize = 10;
        function initBeanInfo(page, rows) {
            //异步获取生产计划
            pageSize = rows;
            $.post("${path}/racedetail/getRaceManuscriptInfo.html", {
                page: page,
                rows: rows,
                raceId: $("#keyword").val()
            }, function (data) {
                var list = data.pageInfo.list;
                var htmlstr = '';

                if (list != null) {
                    for (var i = 0; i < list.length; i++) {
                        var obj = list[i];
                        var manuscript = obj.manuscript==undefined?"":obj.manuscript;
                        var first = "";
                        if(i==0) {
                            first ='first';
                        }
                        htmlstr +='<li class="'+first+' clearfix">'+
                        '<div class="artleft">'+
                        '<img src="${path}/'+obj.headPortrait+'" width="120" height="120" class="artimg">'+
                        '<p><a href="${path}/usercenter/toUserMessagesHome.html?sender='+obj.userId+'" class="deltail_lxwm"><em class="icon"><spring:message code='racedetail.index.msg2' /></em></a></p>';
                        //中奖按钮
                        var prizeButton = "${prizeButton}";
                        if(prizeButton == 1){
                            htmlstr +='<p><a  style="margin-top:5px" href="javascript:void(0);" class="deltail_lxwm" onclick="openWin(1,'+obj.artistId+')"><em class="icon"><spring:message code='racedetail.index.msg3' /></em></a></p>'+
                                    '<p style="display: none" id="artistp'+obj.artistId+'"><a  style="margin-top:5px" href="javascript:void(0);" class="deltail_lxwm"><em class="icon" id="artist'+obj.artistId+'"></em></a></p>';
                        }
                        if(obj.nickname == undefined){
                            obj.nickname = obj.userName;
                        }
                        htmlstr +='</div>'+
                        '<div class="artright">'+
                        '<div class="artname clearfix">'+
                        '<h3>'+obj.nickname+'</h3>'+
                        '<div class="shuxing">'+
                        '<span>'+userAuth(obj.userAuth)+'</span>'+
                        '</div>'+
                        '</div>'+
                        '<div class="artcon"><p>'+obj.description.replace(/\r\n/g,"<br\/>")+
                        '</p>' +
                        '<div class="artpro">' +
                        '<ul class="clearfix">' ;
                        var gjarr = obj.manuscript.split(",");
                        var isBrowse = obj.isBrowse!=101001?"<spring:message code="task_detial.bid.isBrowse"/>":"<spring:message code="task_detial.bid.isBrowse2"/>";
                        var isBaile = "${isBaile}";
                        if(isBaile == 1){
                            for(var j=0;j<gjarr.length;j++){
                                var gjnomr=""
                                if((j+1)%5==0){
                                    gjnomr = "nomr";
                                }
                                //下载稿件
                                var title = gjarr[j].substring(gjarr[j].lastIndexOf("/")+1,gjarr[j].lastIndexOf("."));

                                var imgs = ".bmp.jpg.dib.jpeg.png.jfif.jpe.tif.tiff.gif.BMP.JPG.DIB.JPEG.PNG.JFIF.JPE.TIF.TIFF.GIF";
                                var rars = ".rar.zip.7z.cab.RAR.ZIP.7Z.CAB";
                                var suffix = gjarr[j].substring(gjarr[j].lastIndexOf("."));
                                var showUrl = "style/common/images/yasuobao.png";
                                if(imgs.indexOf(suffix) != -1){
                                    showUrl=gjarr[j]
                                }

                                htmlstr +='<li class="'+gjnomr+'">' +
                                        '        <a href="javascript:void(0);" onclick="f_download('+gjarr[j]+')"><img src="${path}/'+showUrl+'" width="180" height="110" ></a>' +
                                        '<p><a href="">'+title+'</a></p>' +
                                        '</li>' ;
                            }
                        }

                        htmlstr +='</ul>' +
                        '</div>' +
                        '</div>'+
                        '<div class="art_time">'+obj.time+' &nbsp;&nbsp;&nbsp;&nbsp; <em class="color_red"></em></div>'+
                        '</div>'+
                        '<div class="clr"></div>'+
                        '</li>';
                    }
                    $("#artistslist").html(htmlstr);
                    var pager = data.pageInfo;
                    $("#totalArtist").html(pager.total);

                    //分页
                    createPage(pager.pageNum, pager.pages, pager.total);
                }

            },"json");
        }

        //分页方法
        //currentPage 当前页
        //rows 每页条数
        //total 总数
        function createPage(currentPage, totalPage, totalCount) {
            var totalPage = totalPage;
            var totalRecords = totalCount;
            var pageNo = currentPage;
            if (!pageNo) {
                pageNo = 1;
            }
            //生成分页
            //有些参数是可选的，比如lang，若不传有默认值
            kkpager.generPageHtml({
                pno: pageNo,
                //总页码
                total: totalPage,
                //总数据条数
                totalRecords: totalRecords,
                //链接前部
                hrefFormer: 'index',
                //链接尾部
                hrefLatter: '',
                //是否显示总页数
                isShowTotalPage: false,
                //是否显示总记录数
                isShowTotalRecords: false,
                //是否显示页码跳转输入框
                isGoPage: false,
                //getLink: function (n) {
                //    return this.hrefFormer + this.hrefLatter + "?pno=" + n;
                //}
                //,
                mode : 'click',//默认值是link，可选link或者click
                click : function(n){
                    //this.selectpage(n);
                    initBeanInfo(n, pageSize);
                    return false;
                }
            },true);
        }
        function userAuth(userAuth){
            if(userAuth == 101001){
                return "<spring:message code='racedetail.index.msg4' />";
            }else{
                return "<spring:message code='racedetail.index.msg5' />";
            }
        }
        //tab切换
        $(function(){
            //tab切换
            $(".detailtabs ul li").click(function(){
                $(".detailtabs ul li.hover").removeClass("hover");
                $(this).addClass("hover");
                var i=$(this).attr("sid");
                $("div.tabspack").hide();
                $("#tab"+i).show();
            });
            //解析附件
            var attachment = '${detail.attachment}';
            var imgsuffix = "bmp/jpg/jpeg/png/gif";
            var zipsuffix = " rar/zip/7z/gz/bz/ace/uha/uda/zpaqf";
            var arr = attachment.split(",");
            var imgstr="";
            var userInfo = '${sessionScope.curUser}';
            if(userInfo != ''){
                if(arr.length > 0){
                    for(var i=0; i<arr.length;i++){
                        if(arr[i] != ''){
                            //图片
                            var suffix = arr[i].substring(arr[i].lastIndexOf(".")+1).toLowerCase();
                            var title =  arr[i].substring(arr[i].lastIndexOf("/")+1);
                            if(title > 29) title.substring(0,29)+"...";
                            if(imgsuffix.indexOf(suffix) != -1){
                                imgstr += '<li> '+
                                        '<img src="${path}/'+arr[i]+'" width="56" height="70" onclick="f_download(\''+arr[i]+'\')" style="cursor: pointer;"/>'+
                                        ' <p onclick="f_download(\''+arr[i]+'\')" style="cursor: pointer;">'+title+'</p>'+
                                        '</li>';
                            }else if(zipsuffix.indexOf(suffix) != -1){//压缩包
                                imgstr += '<li> '+
                                        '<img src="${path}/style/acg/images/filetype/zip.jpg" width="56" height="70" onclick="f_download(\''+arr[i]+'\')" style="cursor: pointer;"/>'+
                                        ' <p onclick="f_download(\''+arr[i]+'\')" style="cursor: pointer;">'+title+'</p>'+
                                        '</li>';
                            }else{
                                imgstr += '<li> '+
                                        '<img src="${path}/style/acg/images/filetype/'+suffix+'.jpg" width="56" height="70" onclick="f_download(\''+arr[i]+'\')" style="cursor: pointer;"/>'+
                                        ' <p onclick="f_download(\''+arr[i]+'\')" style="cursor: pointer;">'+title+'</p>'+
                                        '</li>';
                            }
                        }
                    }
                }
            }else{
                imgstr='<div class="detail_login">'+
                        '<spring:message code="task_detail.button.please"/><a href="${path}/login/index.html" class="btnlogin"><spring:message code="task_detail.button.login"/></a><spring:message code="task_detail.button.please2"/>'+
                        '<a href="${path}/register/toRegister.html" class="btnreg"><spring:message code="task_detail.button.register"/></a>'+
                        '</div>';
            }

            $("#attachment").html(imgstr);
        })

        var type=1;
        $(window).resize(function() {
            UpdateSize(type);
        });
        function closeWin(type){
            $("#openwin"+type).hide();
            $("#artistId").val("");
            $("input[type='radio'][name='prizeLevel']:checked").attr("checked",false)
        }
        function openWin(type,artistId){
            $("#openwin"+type).show();
            $("#artistId").val(artistId);
            type = type;
            UpdateSize(type);
        }
        function UpdateSize(type){
            var _width= parseFloat($(document).width());
            var _height=parseFloat($(window).height());
            if(_width<900){ _width=900;}
            if(_height<600){ _height=600;}
            var open_height=parseFloat($("#openbox"+type).height());
            if(_height<open_height){_height=open_height;}
            var open_mt=(_height-open_height)/2;

            $("#openbox"+type).css({"margin-top":open_mt+"px"});
            $("#openwin"+type).css({"width":_width+"px","height":_height+"px"});
        }
    </script>
</head>
<body>
<jsp:include page="../public/header.jsp"></jsp:include>
<!--content-->
<div id="container">
    <div class="wrapper">
        <div class="detailshow_one">
            <div class="showphoto">
                <img src="${path}/${detail.pic}" width="450" height="450">
            </div>
            <div class="summaryright">
                <h1 class="clearfix">
                    <strong>${detail.title}</strong>
                    <div class="shuxing">

                        <c:if test="${detail.country==null}">
                            <span><em class="gj"></em>
                                <spring:message code='racedetail.index.msg6' />
                            </span>
                        </c:if>
                        <c:if test="${detail.country!=null}">
                            <span><em class="gj"></em>
                                ${detail.country}
                            </span>
                        </c:if>
                    </div>
                </h1>
                <div class="contestsummary">
                    <div class="summarycon">
                        <p><spring:message code='racedetail.index.msg7' />
                            ${detail.nickname==null?detail.userName:detail.nickname}
                            <c:if test="${detail.userAuth==101001}">
                                <span class="border">
                                    <spring:message code='racedetail.index.msg8' />
                                </span>
                            </c:if>
                        <c:if test="${detail.country==null}">
                            <span class="border">
                                <spring:message code='racedetail.index.msg9' />
                            </span>
                        </c:if>
                            <c:if test="${detail.country!=null}">
                            <span class="border">
                                ${detail.country}
                            </span>
                            </c:if>
                            &nbsp;&nbsp;&nbsp;&nbsp;<spring:message code='racedetail.index.msg10' />${detail.raceId}&nbsp;&nbsp;&nbsp;&nbsp;<spring:message code='racedetail.index.msg11' />${detail.firstClass}-${detail.secondClass}</p>
                        <input type="hidden" value="${detail.raceId}" id="keyword">
                        <p><spring:message code='racedetail.index.msg12' /><em>${detail.raceStatusName}</em> &nbsp;&nbsp;&nbsp;&nbsp;<spring:message code='racedetail.index.msg13' /><em id="totalArtist"></em><spring:message code='racedetail.index.msg14' /></p>
                    </div>
                    <div class="summarycon">
                        <dl class="clearfix">
                            <dt><spring:message code='racedetail.index.msg15' /></dt>
                            <dd>
                                <script>
                                    document.write(replaceAll("${detail.name}"))
                                </script>
                            </dd>
                        </dl>
                    </div>
                    <div class="summarycon">
                        <p><spring:message code='racedetail.index.msg16' /><script>
                            function NewDate(str) {
                                str = str.split(' ');
                                str1 = str[0].split('-');
                                str2 = str[1].split(':');
                                var date = new Date();
                                date.setUTCFullYear(str1[0], str1[1] - 1, str1[2]);
                                date.setUTCHours(str2[0], str2[1], str2[2], 0);
                                return date;
                            }
                            var startTime = NewDate('${detail.startTime}');
                            document.write(startTime.Format("yyyy-MM-dd hh:mm"));
                        </script>      <spring:message code='racedetail.index.msg17' />
                            <script>
                                var endtime = NewDate('${detail.endTime}');
                                var bidTime = '${detail.bidTime}';
                                if(bidTime == -1){
                                    document.write("<spring:message code='racedetail.index.msg18' />");
                                }else{
                                    //endtime =  new Date(endtime.getTime()+bidTime*24*60*60*1000);
                                    var y =
                                            document.write(endtime.Format("yyyy-MM-dd hh:mm"));
                                }
                            </script></p>
                    </div>
                </div>
                <p>

                    <c:if test="${detail.raceStatus == 102101}">
                        <c:if test="${isbid == 0 && isBaile!= 1}">
                            <a href="${path}/manuscript/index.html?raceId=${detail.raceId}" class="btndetail"><spring:message code='racedetail.index.msg19' /></a>
                        </c:if>
                        <c:if test="${isbid > 0}"><a href="javascript:void(0);" class="btndetail"><spring:message code='racedetail.index.msg20' /></a></c:if>
                        <c:if test="${isbid < 0}"><a href="javascript:void(0);" class="btndetail"><spring:message code='racedetail.index.msg21' /></a></c:if>
                    </c:if>

                    <c:if test="${detail.raceStatus == 102103}">
                        <a href="javascript:void(0);"  class="btndetail" style="background: #F0F0F0;" >已结束</a>
                    </c:if>


                    <c:if test="${prizeButton ==1}">
                    <a href="javascript:void(0);" id="surePrize" class="btndetail" style="margin-left: 10px"><spring:message code='racedetail.index.msg22' /></a>
                    </c:if>
                </p>
            </div>
            <div class="clr"></div>
        </div>
        <div class="detailmain">
            <div class="detailContent">
                <div class="detailtabs">
                    <ul>
                        <li class="hover" sid="1"><a href="javascript:void(0);"><spring:message code='racedetail.index.msg23' /></a></li>
                        <li sid="2"><a href="javascript:void(0);"><spring:message code='racedetail.index.msg24' /></a></li>
                        <li sid="3"><a href="javascript:void(0);"><spring:message code='racedetail.index.msg25' /></a></li>
                    </ul>
                </div>
                <!--项目描述-->
                <div class="tabspack" id="tab1">
                    <div class="projectscon">
                        ${detail.description}
                    </div>
                </div>
                <!--项目描述-->
                <!--项目附件-->
                <div class="tabspack" style="display: none" id="tab2">
                    <div class="project_files">
                        <ul class="clearfix" id="attachment">

                        </ul>
                    </div>
                </div>
                <!--项目附件-->
                <!--委托方资料-->
                <div class="tabspack" style="display: none"  id="tab3">
                    <div class="project_Entrust">
                        <div class="project_entrust_brif clearfix">
                            <div class="brifimg"><img src="${path}/${detail.headPortrait}" width="120" height="120" /></div>
                            <div class="brifmain">
                                <h2>${detail.nickname}</h2>
                                <div class="shuxing">
                                    <span>
                                    <c:if test="${detail.userAuth==101001}">
                                        <spring:message code="task_detail.nickname_auth"/>
                                    </c:if>
                                    <c:if test="${detail.userAuth!=101001}">
                                        <spring:message code="task_detail.nickname_auth2"/>
                                    </c:if>
                                    </span>
                                </div>
                                <p class="brif_jl">
                                    <spring:message code="task_detail.delegate.info.span1" arguments="${detail.orderTotal}" argumentSeparator=","/>
                                    &nbsp;&nbsp;&nbsp;&nbsp;
                                    <spring:message code="task_detail.delegate.info.span2" arguments="${detail.orderTotal}" argumentSeparator=","/>：￥${detail.orderTotalPrice==null?0:detail.orderTotalPrice}</p>
                                <p><a href="" class="deltail_lxwm"><em class="icon"><spring:message code='racedetail.index.msg2' /></em></a></p>
                            </div>
                        </div>
                        <div class="project_entrust_con">
                            ${detail.intro}
                        </div>
                    </div>
                </div>
                <!--委托方资料-->

            </div>
        </div>
        <div class="detail_tit"><spring:message code='racedetail.index.msg26' /></div>
        <div class="detail_artists">
            <c:if test='${sessionScope.curUser == null}'>
                <div class="detail_login">
                    <spring:message code="task_detail.button.please"/><a href="${path}/login/index.html" class="btnlogin"><spring:message code="task_detail.button.login"/></a><spring:message code="task_detail.button.please2"/>
                    <a href="${path}/register/toRegister.html" class="btnreg"><spring:message code="task_detail.button.register"/></a>
                </div>
            </c:if>
            <c:if test='${sessionScope.curUser != null}'>
            <div class="artistslist">
                <ul id="artistslist">
                </ul>
                <div id="kkpager" style="margin-left: -7px;"></div>
                <script type="text/javascript">
                    initBeanInfo(1,10);
                </script>
            </div>
            </c:if>
        </div>
    </div>
</div>
<!--content-->
<jsp:include page="../public/footer.jsp"></jsp:include>
<!--弹出框-选择中奖-->
<c:if test="${prizeButton ==1}">
<form id="frm1">
    <div id="openwin1" class="openwin" style="width: 1382px; height: 600px;display: none">
        <div id="openbox1" class="openbox" style="margin-top: 50.5px;">
            <h1><spring:message code='racedetail.index.msg27' /><span id="closeopen1" class="closeopen" onclick="closeWin(1)">×</span></h1>
            <div class="openmain">
                <ul>
                    <li class="clearfix">
                        <dl class="clearfix">
                            <dt><spring:message code='racedetail.index.msg28' /></dt>
                            <dd>
                                <div class="clearfix">
                                    <c:forEach var="p" items="${prizes}" varStatus="k">
                                        <input type="radio" id="prizeLevel${p.prizeId}"  name="prizeLevel" value="${p.prizeId}" style="height: 28px;line-height: 28px;"/>
                                        <label class="btnload" style="width: auto" for="prizeLevel${p.prizeId}">${p.name}(<em id="prizeNum${p.prizeId}" class="prizeNum">${p.num}</em><spring:message code='racedetail.index.msg29' />)</label><br/>
                                        <input type="hidden" id="totalNum${p.prizeId}" class="totalNum" value="${p.num}">
                                        <input type="hidden" id="prizeName${p.prizeId}" class="prizeName" value="${p.name}">
                                    </c:forEach>
                                </div>
                            </dd>
                        </dl>
                    </li>
                    <li class="clearfix">
                        <dl class="clearfix">
                            <dt>&nbsp;</dt>
                            <dd>
                                <input type="button" id="pbutton" name="pbutton" value="<spring:message code='racedetail.index.msg30' />" class="btnsubmit">
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <input type="hidden" id="ids" name="ids">
    <input type="hidden" id="artistId" name="artistId">
</form>
</c:if>
<script>
$(function(){
    //中奖按钮
    var prizeButton = "${prizeButton}";
    if(prizeButton==1){
        //设置中奖
        $("#pbutton").click(function(){
            if($("input[type='radio'][name='prizeLevel']:checked").val() != ''){
                var ids = $("#ids").val();
                var prizeId = $("input[type='radio'][name='prizeLevel']:checked").val();
                var artistId = $("#artistId").val();
                var totalNum = $("#totalNum"+prizeId).val();
                if(ids == ''){
                    //计算总数
                    if(totalNum > 0){
                        $("#ids").val(artistId+":"+prizeId);
                        var totalNum = parseInt(totalNum)-1;
                        $("#prizeNum"+prizeId).html(totalNum);
                        $("#totalNum"+prizeId).val(totalNum);
                        //改变获奖按钮等级
                        $("#artist"+artistId).html($("#prizeName"+prizeId).val());
                        $("#artistp"+artistId).show();
                    }else{
                        alert("<spring:message code='racedetail.index.msg31' />");
                    }


                }else{
                    //去除重复设置中奖
                    var arr = ids.split(",");
                    var boo = true;
                    for(var i=0;i<arr.length;i++){
                        var arr2 = arr[i].split(":");
                        if(artistId == arr2[0]){
                            boo=false;
                            if(prizeId != arr2[1] ){
                                arr[i] = artistId +":"+prizeId;
                                break;
                            }
                        }
                    }
                    if(boo){
                        if(totalNum > 0) {
                            //计算总数
                            $("#ids").val(arr.join(",") + "," + artistId + ":" + prizeId);
                            var totalNum = parseInt(totalNum)-1;
                            $("#prizeNum"+prizeId).html(totalNum);
                            $("#totalNum"+prizeId).val(totalNum);
                            //改变获奖按钮等级
                            $("#artist"+artistId).html($("#prizeName"+prizeId).val());
                            $("#artistp"+artistId).show();
                        }else{
                            alert("<spring:message code='racedetail.index.msg31' />");
                        }
                    }else{
                        $("#ids").val(arr.join(","));
                        //改变获奖按钮等级
                        $("#artist"+artistId).html($("#prizeName"+prizeId).val());
                        $("#artistp"+artistId).show();
                    }

                }
            }else{
                alert("<spring:message code='racedetail.index.msg32' />");
            }
        });
        //确认中奖
        $("#surePrize").click(function(){
            //中奖等级是否设置完成
            var boo = true;
            $("input.totalNum").each(function(){
                var totalNum = $(this).val();
                if(totalNum != 0){
                    boo = false;
                }
            });
            if(boo){//提交中奖
                if($("#ids").val() != ''){
                    $.post("${path}/racedetail/winRace.html",{
                        raceId:'${detail.raceId}',
                        ids : $("#ids").val()
                    },function(data){
                        if(data.errormsg == undefined){
                            alert("<spring:message code='racedetail.index.msg33' />");
                            window.location.reload();
                        }else{
                            alert(data.errormsg);
                        }
                    },"json");
                }
            }else{
                alert("<spring:message code='racedetail.index.msg34' />");
            }
        });
    }

});
</script>
</body>
</html>
